import React from 'react'
import Header from "@/app/components/header";
import Introduction from "@/app/components/introduction";
import Tags from "@/app/components/tags";

export default function Main({
  children
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <>
      <Header/>
      <main className="flex justify-center mx-auto py-24 px-12 w-4/5">
        <article className="pr-4">
          {children}
        </article>
        <aside>
          {/* 自我介绍 */}
          <Introduction />
          {/* 标签 */}
          <Tags />
        </aside>
      </main>
    </>
  )
}
